<template>
    <el-breadcrumb separator-icon="ArrowRight">
      <template v-for="item in route.matched" :key="item.path">
         <el-breadcrumb-item :to="{ path: item.path }" v-if="item.meta.title">
          <el-icon class="icon"><component :is="item.meta.icon"/></el-icon>
          <span >{{ item.meta.title }}</span>
        </el-breadcrumb-item>
      </template>
    </el-breadcrumb>
</template>

<script setup lang="ts">
import { useRoute } from 'vue-router';
const route=useRoute()
// console.log(route);

</script>

<style lang="scss" scoped>
.icon{
  vertical-align: bottom;
  margin-right: 5px;
}
</style>
